<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>幸运大抽奖</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/lottery.css">
    <script type="text/javascript" src="js/fontsize.js"></script>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery.rotate.min.js"></script>
	<script type="text/javascript" src="js/lottery.js"></script>
	
</head>
<body>
	<!-- 转盘区域 -->
	<div class="lottery">		
        <p class="jihui">你有<span id="num">100 </span>次抽奖机会</p>
		<div class="choujiang">
	        <img src="images/zhuanpan.png">
	            <!--转盘开始-->
	        <a id="plateBtn" href="javascript:" title=""></a>
	            <!--转盘结束-->
	        <div id="lijichou"><img src="images/lijichoujiang.png"></div>
			<!--<div class="shadow"><img src="images/zhuanpany.png"></div>-->
	    </div>
	    <div class="zhiyin"><img src="images/zhiyin.png"></div>		
	</div>
	<!-- 奖品列表 -->
	<div class="prize-list">
	    <div class="prize-info">
	    	<span>手机号</span><span>奖品</span>
	    </div>
	    <div class="maquee">		
			<ul>
				<li>
					<span>154**88</span> <span>扫地机器人</span>
				</li>
				<li>
					<span>6161***034</span> <span>赠送代理记账</span>
				</li>
				<li>
					<span>2349***224</span> <span>电吹风机</span>
				</li>
				<li>
					<span>154**88</span> <span>商务礼品盒</span>
				</li>
				<li>
					<span>6161***034</span> <span>扫地机器人</span>
				</li>
				<li>
					<span>2349***224</span> <span>商务礼品盒</span>
				</li>						
			</ul>
		</div>
		<div class="prize-title">获奖名单</div>
	</div>
	<!-- 获奖规则 -->
	<div class="prize-rule">
		<div class="prize-title rule-title">活动规则</div>
		<p>1.  活动时间为2020年12/1日00：00：00—<br/>
     &nbsp;&nbsp;&nbsp;&nbsp;2020年12月31日23：59：59；</p>
        <p>2.  签约项目必含代账记账业务且全额支付代账全<br/>
     &nbsp;&nbsp;&nbsp;&nbsp;款金额；
		</p>
		<p>3.  活动奖品将于签约付款（全款）之日起7个工<br/>
		     &nbsp;&nbsp;&nbsp;&nbsp;作日内邮寄至客户指定地址或自取；
		</p>
	    <p>4.  特价单不参与活动；
		</p>
		<p>5.  活动单/特价单不予退款（盖特制章）；
		</p>
	    <p>6.  龙羲垣企服共享中心拥有最终解释权。
		</p>
	</div>
	<!-- 弹框内容开始-->
	<div class="dialogbg"></div>
    <!-- 普照奖弹框 -->
    <div class="prize-diologimg" id="prize-diolog0">
    	<h2>恭喜中普照奖啦</h2>
    	<span>招财猫烟灰缸</span>
    	<p>颜值高果然不一样呀~</p>
		<a class="btn" id="getprizesybtn">朕知道了</a>
    </div>
	<!--&lt;!&ndash; 一等奖弹框 &ndash;&gt;-->
	<div class="prize-diologimg" id="prize-diolog1">
		<h2>恭喜中一等奖啦</h2>
		<span>智能扫地机器人</span>
		<p>运气也是实力的一部分~</p>
		<a class="btn" id="getprizesybtn">朕知道了</a>
	</div>
    <!-- 二等奖弹框 -->
    <div class="prize-diologimg" id="prize-diolog2">
    	<h2>恭喜中二等奖啦</h2>
    	<span>负离子吹风机</span>
    	<p>让青春吹动了你的秀发~</p>
		<a class="btn" id="getprizesybtn">朕知道了</a>
    </div>
    <!-- 三等奖弹框 -->
    <div class="prize-diologimg" id="prize-diolog3">
    	<h2>恭喜中三等奖啦</h2>
    	<span>赠记账一个月</span>
    	<p>省一个月是一个月，老板也要省省省~</p>
		<a class="btn" id="getprizesybtn">朕知道了</a>
    </div>
    <!-- 四等奖弹框 -->
    <div class="prize-diologimg" id="prize-diolog4">
    	<h2>恭喜中四等奖啦</h2>
    	<span>商务礼品盒</span>
    	<p>苍蝇再小也是块肉，朕收下了~</p>
		<a class="btn" id="getprizesybtn">朕知道了</a>
    </div>
	<!-- 领奖弹框 -->
	<div class="getprize-diolog">
		<p>领钱啦，请填写支付宝账号，坐等收红包~</p>
		<input type="text" value="请输入支付宝账号">
		<div class="paybtn">
			<a class="btn" id="surebtn">确定</a>
			<a class="btn" id="abandon">不要啦</a>
		</div>
	</div>
	<!--&lt;!&ndash; 未中奖弹框 &ndash;&gt;-->
	<div class="prize-diologimg" id="noprize-diolog">
		<h2>很遗憾</h2>
		<span>没抽中</span>
		<p>送你一个么么哒~</p>
		<a class="btn">朕知道了</a>
	</div>
	<!-- 分享微博微信弹框-->
	<div class="prize-diologimg" id="sharediolog">
		<h2>分享到</h2>
		<div class="shareimg">
		    <a id="blog"   onclick="sendInfoToJava('wb')"><img src="images/wb.png"></a>
			<a id="wechat" onclick="sendInfoToJava('wx')"><img src="images/wx.png"></a>
		</div>
		<p class="fxtxt">每天分享到微博和朋友圈，分别可以增加<br/>
			一次抽奖机会噢~</p>
		<a class="btn" id="cancelbtn">取消</a>
	</div>
     <!--弹框结束-->
</body>
</html>